<style type="text/css">
    .layui-form-label{
        width: 120px;
    }
    .layui-input-block {
        margin-left: 130px;
    }
</style>
<div class="child-box">
    <div class="layui-card layadmin-header">
        <div class="layui-breadcrumb" lay-filter="breadcrumb">
            <a href="javascript:" lay-href=""><i class="iconfont iconhome"></i>首页</a>
            <a><cite>外汇管理</cite></a>
            <a href="javascript:" lay-href="/rate/beneficiary/list">受益人管理</a>
            <a><cite>添加收款人</cite></a>
            <div class="layui-card-header-left" title="刷新" zmark-event="layui.manage.render">
                <i class="layui-icon layui-icon-refresh layui-anim" zmark-anim="layui-anim-rotate"></i>
            </div>
        </div>
    </div>

    <div class="layui-card mt20">
        <form class="layui-form" method="post" lay-filter="form-beneficiary" id="beneficiaryForm">
            <div class="layui-card-header">
                  <span class="def-fc">
                    <a href="javascript:" title="返回" class="head-go-back" onclick="history.back()"><i class="iconfont iconfanhui"></i></a>
                </span>
                <span class="def-fc">基本信息</span>
            </div>
            <div class="layui-card-body">
                <div class="layui-row">
                    <div class="layui-col-md6">
                        <label class="layui-form-label"><span class="text-danger">*</span>收款人类型</label>
                        <div class="layui-input-block">
                            <input type="radio" name="payeeType" value="1" title="本公司银行账户" lay-filter="radio-benificiary-type"/>
                            <input type="radio" name="payeeType" value="2" title="第三方收款人账户" lay-filter="radio-benificiary-type"/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md6">
                        <label class="layui-form-label"><span class="text-danger">*</span>收款人注册地区</label>
                        <div class="layui-input-block">
                            <select name="regArea" id="regArea" lay-verify="required" class="required" lay-search="">
                                <option value="">请选择或者输入注册地所在国家/地区</option>
                            </select>    
                        </div>
                    </div>
                    <div class="layui-col-md6">
                        <div class="remind"><i class="iconfont iconguanyu"></i>输入中文搜索地区</div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md6">
                        <label class="layui-form-label"><span class="text-danger">*</span>收款人注册地址</label>
                        <div class="layui-input-block">
                            <input name="address" class="layui-input required" placeholder="请输入收款企业的详细注册地址" clear-val/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md6">
                        <label class="layui-form-label"><span class="text-danger">*</span>收款人别名</label>
                        <div class="layui-input-block">
                            <input name="payeeAlias" class="layui-input required" placeholder="例：ABC公司-DEF银行-CNH" clear-val/>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-card-header"><span class="def-fc left-split">银行账号信息</span></div>
            <div class="layui-card-body">
                <div class="layui-row">
                    <div class="layui-col-md6">
                        <label class="layui-form-label"><span class="text-danger">*</span>银行所在地区</label>
                        <div class="layui-input-block">
                            <select name="bankCountryCode" id="bankCountryCode" lay-verify="required" class="required" lay-filter="select-bankCountryCode" lay-search="">
                                <option value="">请选择或者输入所在国家/地区</option>
                            </select>   
                        </div>
                    </div>
                    <div class="layui-col-md6">
                        <div class="remind"><i class="iconfont iconguanyu"></i>输入中文搜索地区</div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md6">
                        <label class="layui-form-label"><span class="text-danger">*</span>银行名称</label>
                        <div class="layui-input-block">
                            <input name="bankName" class="layui-input required" placeholder="国内银行精确到开户行，如XXX银行XX支行" clear-val/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md6">
                        <label class="layui-form-label"><span class="text-danger">*</span>路由方式</label>
                        <div class="layui-input-block">
                            <input type="radio" name="routeType" value="4" title="联行号" checked="" lay-filter="radio-routeType"/>
                            <input type="radio" name="routeType" value="3" title="SWIFT" lay-filter="radio-routeType"/>
                            <input type="radio" name="routeType" value="2" title="IBAN"  lay-filter="radio-routeType"/>
                        </div>
                    </div>
                </div>
                <div class="layui-row bank-number">
                    <div class="layui-col-md6">
                        <label class="layui-form-label"><span class="text-danger">*</span>联行号</label>
                        <div class="layui-input-block">
                            <!--
                            <input name="routeNo" class="layui-input required" placeholder="联行号" clear-val/>
                            -->
                            <input name="routeNo" id="beneficiary-add-routeNo" class="layui-input"
                                       placeholder="请输入银行名称或联行号搜索" clear-val/>
                        </div>
                    </div>
                    <div class="layui-col-md6">
                        <div class="remind"><i class="iconfont iconguanyu"></i>请输入银行名称或联行号搜索</div>
                    </div>
                </div>
                <div class="layui-row iban-number">
                    <div class="layui-col-md6">
                        <label class="layui-form-label"><span class="text-danger">*</span>IBAN</label>
                        <div class="layui-input-block">
                            <input name="ibanNo" class="layui-input required" placeholder="请输入收款人银行账户的IBAN" clear-val/>
                        </div>
                    </div>
                </div>
                <div class="layui-row swift-number">
                    <div class="layui-col-md6">
                        <label class="layui-form-label"><span class="text-danger">*</span>SWIFT CODE</label>
                        <div class="layui-input-block">
                            <input name="swiftCode" class="layui-input required" placeholder="第三方收款人银行账户的SWIFT CODE" clear-val/>
                        </div>
                    </div>
                </div>
                <div class="layui-row accountNo">
                    <div class="layui-col-md6">
                        <label class="layui-form-label"><span class="text-danger">*</span>银行账号</label>
                        <div class="layui-input-block">
                            <input name="accountNo" class="layui-input required" placeholder="请输入银行账号" clear-val/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md6">
                        <label class="layui-form-label"><span class="text-danger">*</span>账户币种</label>
                        <div class="layui-input-block required-box">
                            <select name="currency">
                                <option value="">请选择</option>
                                <option value="NZD">新西兰元</option>
                                <option value="SGD">新加坡元</option>
                                <option value="USD">美元</option>
                                <option value="CNY">人民币</option>
                                <option value="HKD">港元</option>
                                <option value="GBP">英镑</option>
                                <option value="EUR">欧元</option>
                                <option value="JPY">日元</option>
                                <option value="CAD">加拿大元</option>
                                <option value="MOP">澳元</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md6">
                        <label class="layui-form-label"><span class="text-danger">*</span>账户名称</label>
                        <div class="layui-input-block">
                            <input name="accountName" class="layui-input required" placeholder="请输入收款人名称" clear-val/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md6">
                        <label class="layui-form-label">备注</label>
                        <div class="layui-input-block">
                            <input name="memo" class="layui-input" placeholder="请说明收款人与您的关系" clear-val/>
                        </div>
                    </div>
                </div>
                <div class="layui-row pt20 pb20">
                    <div class="layui-col-md8 pr10 normal" style="margin-left: 130px;width: 748px;">
                        <button type="button" class="layui-btn layui-btn-normal" lay-href="/rate/beneficiary/list"><i class="iconfont iconzuo"></i>取消返回</button>
                        <button type="button" lay-submit lay-filter="beneficiary-submit" id="submitSave" class="layui-btn sub-order-btn"><i class="iconfont iconicon-1"></i>提交保存</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<script>
    layui.use('beneficiaryAdd', layui.factory('beneficiaryAdd'));
</script>